<template>
  <div>
    <!-- <div class="titel">报图须知</div> -->
    <!-- <div class="text_list">
      <div class="text_item">
        1. 新型冠状病毒的主要传播途径有哪些？【单选】<span
          v-show="answer"
          :class="radione == 1 ? 'correct' : 'error'"
          >{{ radione == 1 ? "回答正确" : "回答错误，正确答案为B" }}</span
        >
        <div>
          <el-radio-group v-model="radione">
            <el-radio :label="1">A. 飞沫、接触传播</el-radio>
            <el-radio :label="2">B. 辐射传播</el-radio>
            <el-radio :label="3">C. 皮肤传播</el-radio>
            <el-radio :label="4">D. 肠道传播</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="text_item">
        2. 以下哪种口罩不适合预防新型冠状病毒？【单选】<span
          v-show="answer"
          :class="raditotwo == 1 ? 'correct' : 'error'"
          >{{ raditotwo == 1 ? "回答正确" : "回答错误，正确答案为B" }}</span
        >
        <div>
          <el-radio-group v-model="raditotwo">
            <el-radio :label="1">A. 一次性医用口罩</el-radio>
            <el-radio :label="2">B. N95防护口罩</el-radio>
            <el-radio :label="3">C. 棉布口罩</el-radio>
            <el-radio :label="4">D. 医用外科口罩</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="text_item">
        3.
        隐瞒病情，隐瞒疫情发生地行程，工作人员询问时不告知真相，不配合、拒绝隔离等行为可能构成违法犯罪。【单选】<span
          v-show="answer"
          :class="raditothree == 1 ? 'correct' : 'error'"
          >{{ raditothree == 1 ? "回答正确" : "回答错误，正确答案为B" }}</span
        >
        <div>
          <el-radio-group v-model="raditothree">
            <el-radio :label="1">A. 对</el-radio>
            <el-radio :label="2">B. 错</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="text_item">
        4. 木质结构门头和内部横梁跨度不得超过（ ）米。【单选】<span
          v-show="answer"
          :class="raditofour == 1 ? 'correct' : 'error'"
          >{{ raditofour == 1 ? "回答正确" : "回答错误，正确答案为B" }}</span
        >
        <div>
          <el-radio-group v-model="raditofour">
            <el-radio :label="1">A. 6米</el-radio>
            <el-radio :label="2">B. 8米</el-radio>
            <el-radio :label="3">A. 3米</el-radio>
            <el-radio :label="4">B. 9米</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="text_item">
        5. 进馆材料必须符合展馆消防管理规定，达到什么级别阻燃要求。【单选】<span
          v-show="answer"
          :class="raditofive == 1 ? 'correct' : 'error'"
          >{{ raditofive == 1 ? "回答正确" : "回答错误，正确答案为B" }}</span
        >
        <div>
          <el-radio-group v-model="raditofive">
            <el-radio :label="1">A. E1级阻燃</el-radio>
            <el-radio :label="2">B. D1级阻燃</el-radio>
            <el-radio :label="3">A. C1级阻燃</el-radio>
            <el-radio :label="4">B. B1级阻燃</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="text_item">
        6. 展位后背墙厚度尺寸不少于（
        ）CM。（结构图标注后背墙尺寸）【单选】<span
          v-show="answer"
          :class="raditosix == 1 ? 'correct' : 'error'"
          >{{ raditosix == 1 ? "回答正确" : "回答错误，正确答案为B" }}</span
        >
        <div>
          <el-radio-group v-model="raditosix">
            <el-radio :label="1">A. 8CM</el-radio>
            <el-radio :label="2">B. 10CM</el-radio>
            <el-radio :label="3">A. 12CM</el-radio>
            <el-radio :label="4">B. 15CM</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="text_item">
        7. 展位用电电量要求控制在申请电量的（
        ）%以内，严禁超负荷用电。【单选】<span
          v-show="answer"
          :class="raditoseven == 1 ? 'correct' : 'error'"
          >{{ raditoseven == 1 ? "回答正确" : "回答错误，正确答案为B" }}</span
        >
        <div>
          <el-radio-group v-model="raditoseven">
            <el-radio :label="1">A. 90%以内</el-radio>
            <el-radio :label="2">B. 85%以内</el-radio>
            <el-radio :label="3">A. 80%以内</el-radio>
            <el-radio :label="4">B. 82%以内</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="text_item">
        8. 特装展位结构性封顶面积，不应超过展位总面积的（
        ）%（以独立空间为单位计算）；【单选】<span
          v-show="answer"
          :class="raditoeight == 1 ? 'correct' : 'error'"
          >{{ raditoeight == 1 ? "回答正确" : "回答错误，正确答案为B" }}</span
        >
        <div>
          <el-radio-group v-model="raditoeight">
            <el-radio :label="1">A. 30%</el-radio>
            <el-radio :label="2">B. 40%</el-radio>
            <el-radio :label="3">A. 50%</el-radio>
            <el-radio :label="4">B. 60%</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="text_item">
        9.
        为降低搭建特装展位的责任风险、确保现场施工人员安全保障，要求每个特装展位必须购买累计保额不低于人民币（
        ）万元、每次事故保额不低于（ ）万元、每人每次事故保额不低于（
        ）万元的大型展会-展览会责任险。【单选】<span
          v-show="answer"
          :class="raditonine == 1 ? 'correct' : 'error'"
          >{{ raditonine == 1 ? "回答正确" : "回答错误，正确答案为B" }}</span
        >
        <div>
          <el-radio-group v-model="raditonine">
            <el-radio :label="1">A. 30%</el-radio>
            <el-radio :label="2">B. 40%</el-radio>
            <el-radio :label="3">A. 50%</el-radio>
            <el-radio :label="4">B. 60%</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="text_item">
        10. 特装展位搭建限高为 （
        ）米，能否做二层结构。（包括地台高度和悬挑造型等）【单选】<span
          v-show="answer"
          :class="raditoten == 1 ? 'correct' : 'error'"
          >{{ raditoten == 1 ? "回答正确" : "回答错误，正确答案为B" }}</span
        >
        <div>
          <el-radio-group v-model="raditoten">
            <el-radio :label="1">A. 4.5米、能</el-radio>
            <el-radio :label="2">B. 5米、能</el-radio>
            <el-radio :label="3">A. 5.5米、不能</el-radio>
            <el-radio :label="4">B. 6米、能</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="text_item">
        11. 请认真提供表格图纸，存在乱报图情况对展览公司扣（
        ）分。（按搭建商安全管理措施要求进行综合评分，分值较低将列入黑名单）【单选】<span
          v-show="answer"
          :class="raditoeleven == 1 ? 'correct' : 'error'"
          >{{ raditoeleven == 1 ? "回答正确" : "回答错误，正确答案为B" }}</span
        >
        <div>
          <el-radio-group v-model="raditoeleven">
            <el-radio :label="1">A. -1分</el-radio>
            <el-radio :label="2">B. -5分</el-radio>
            <el-radio :label="3">A. -10分</el-radio>
            <el-radio :label="4">B. -15分</el-radio>
          </el-radio-group>
        </div>
      </div>
      <div class="item_img">
        <el-button @click="hanldadd">提交</el-button>
      </div>
    </div> -->
     <div class="img_row">
      <img :src="imgdata.fileUrl" alt="">
      <!-- <img src="http://r6ow9tk3w.hn-bkt.clouddn.com/2022/02/19/02b37f55473942a8965b2132ed154b38.jpg" alt=""> -->
    </div>
    <div class="but_wrap">
      <el-button @click="next(1)">上一步</el-button>
      <el-button
        :type="primary"
        @click="hanldnext"
        >下一步</el-button
      >
    </div>
  </div>
</template>
<script>
import { stand_info } from "@/api/outfit/exam.js";
import { getToken, setToken } from "@/utils/auth";
export default {
  data() {
    return {
      type: "",
      primary: "",
      radione: 0,
      raditotwo: 0,
      raditothree: 0,
      raditofour: 0,
      raditofive: 0,
      raditosix: 0,
      raditoseven: 0,
      raditoeight: 0,
      raditonine: 0,
      raditoten: 0,
      raditoeleven: 0,
      answer: false,
      imgdata:{}
    };
  },
  created() {
    this.getdata();
  },
  methods: {
    getdata() {
      let data = JSON.parse(getToken("exhibition"));
      stand_info(data.id).then((res) => {
        console.log(res);
        res.rows.forEach((item, index) => {
          if (item.filePos == 5) {
            this.imgdata = item;
          }
        });
      });
    },
    hanldadd() {
      this.answer = true;
      if (this.radione == 1) {
        this.primary = "yes";
      } else {
        return false;
      }
    },
    next(index) {
      this.$emit("next", index);
    },
    hanldnext() {
      this.$router.push("/drawingsBoothConfirm");
    },
  },
};
</script>
<style scoped>
.titel {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin: 20px 0;
}
.text_list {
  line-height: 50px;
}
.text_item {
  color: #868686;
}
.but_wrap {
  margin: 20px 0;
  display: flex;
  justify-content: flex-end;
}
.item_img {
  display: flex;
  justify-content: center;
}
.correct {
  margin-left: 20px;
  color: #43d37f;
}
.error {
  margin-left: 20px;
  color: #ff0000;
}
.img_row >img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
</style>